jQuery(function($){	

var
$sPattern = $("#sample-pattern"),
$sTitle   = $("#sample-title"),
$sDesc    = $("#sample-desc"),
$vPattern = $("#ref-data h4.pattern"),
$vTitle   = $("#ref-data p.title > b"),
$vDesc    = $("#ref-data div.desc");

$sPattern.keyup(function(){
	$vPattern.html( $sPattern.val() );
});

$sTitle.keyup(function(){
	$vTitle.text( $sTitle.val() );
});

$sDesc.keyup(function(){
	$vDesc.html( $sDesc.val() );
});

$("#button-update-view").click(function(){
	$vPattern.html( $sPattern.val() );
	$vTitle.text( $sTitle.val() );
	$vDesc.html( $sDesc.val() );
}).trigger( "click" );

});